<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1.0,user-scalable=0;"/>
		<title>微尘文化</title>
		<meta name="description" content="" />
		<meta name="keywords" content="" />
		<link rel="stylesheet" href="/templets/weichen/style/bootstrap.min.css" />
		<link rel="stylesheet" href="/templets/weichen/style/public.css" />
		<link rel="stylesheet" href="/templets/weichen/style/font-awesome.css" />
		<link rel="stylesheet" href="/templets/weichen/style/animate.css" />
	</head>
	<body>
    <section id="full-height">
    <div class="banner-veil"></div>
    <div class="home-container">
        <div class="ls-wrapper">
            <div class="liquid-slider">
                <div class="panel-container">
                    <div class="everyone animated bounceIn" id="title-top">
                        <div class="panel-wrapper">
                            <h1><strong>微尘文化</strong></h1>
                            <h3><strong>专注数字整合营销</strong></h3>
                            <p>作为您的合作伙伴，我们专注回馈您的投资</p>
                            <div class="home-btn">
                                <h4 class="btn-home">
                                    <a href="#">为什么选择我们？</a>
                                </h4>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="banner-btn">
        <div class="container text-center">
            <div class="move">
                <a href="javascript:;" class="fa fa-chevron-down" id="slide-btn"></a>
                <div class="dot"></div>
            </div>
        </div>
    </div>
    <div class="banner-bg yx-rotaion">
        <ul class="rotaion_list">
            <li><img src="/templets/weichen/images/ban1.jpg" alt="" /></li>
            <li><img src="/templets/weichen/images/ban2.jpg" alt="" /></li>
            <li><img src="/templets/weichen/images/ban3.jpg" alt="" /></li>
            <li><img src="/templets/weichen/images/ban4.jpg" alt="" /></li>
        </ul>
    </div>
</section>
	
<!--nav-->
<nav class="navbar navbar-default navbar-wrapper nav-width">
    <div class="container-fluid">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand nav-title" href="index.html">微尘文化</a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="/">首页</a></li>

                    <li class="dropdown">
                        <a href="/about/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">关于微尘</a>
                        <ul class="dropdown-menu">
                            
                            <li><a href="/about/1/">了解微尘</a></li>
                            
                            <li><a href="/about/about/2/">微尘团队</a></li>
                            
                            <li><a href="/about/about/3/">加入微尘</a></li>
                            
                            <li><a href="http://www.weichen.com/index.html#follow">关注微尘</a></li>
                            
                            <li><a href="/about/about/4/">微尘动态</a></li>
                            
                        </ul>
                    </li><li class="dropdown">
                        <a href="/Business/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">业务范围</a>
                        <ul class="dropdown-menu">
                            
                            <li><a href="/Business/Business/1/">全网全案策略</a></li>
                            
                            <li><a href="/Business/Business/9/">SEM-搜索引擎推广优化</a></li>
                            
                            <li><a href="/Business/Business/8/">SEO-搜索引擎优化</a></li>
                            
                            <li><a href="/Business/Business/7/">DSP-需求方广告投放优化</a></li>
                            
                            <li><a href="/Business/Business/6/">MediaBuy-广告投放</a></li>
                            
                            <li><a href="/Business/Business/5/">SVM-视频制作及推广</a></li>
                            
                            <li><a href="/Business/Business/4/">AWB-APP、H5设计制作</a></li>
                            
                            <li><a href="/Business/Business/3/">SMM-社交</a></li>
                            
                            <li><a href="/Business/Business/2/">EPR-品牌口碑包装推广</a></li>
                            
                            <li><a href="/Business/Business/10/">IP-动漫IP授权</a></li>
                            
                        </ul>
                    </li><li class="dropdown">
                        <a href="/Micro/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">微视角</a>
                        <ul class="dropdown-menu">
                            
                            <li><a href="/Micro/1/">热点聚焦</a></li>
                            
                            <li><a href="/Micro/2/">微尘脑洞</a></li>
                            
                            <li><a href="/Micro/3/">微尘日常</a></li>
                            
                        </ul>
                    </li>
                    <li><a href="/case/">合作案例</a></li>
                    <li><a href="/contact/">联系我们</a></li>
            
                </ul>
            </div><!-- /.navbar-collapse -->
        </div>
    </div><!-- /.container-fluid -->
</nav>

        <!--第一幕-->
        <div class="container" id="services">
        	<div class="row">
        		<div class="col-md-6  first-top">
        			<h2><strong>我们为您提供高品质的整合营销服务！</strong></h2>
        			<h2><strong>Crafting With Love</strong></h2>
        			<br>
        			<p>微尘提供数字整合营销服务，我们很用心的为每一个客户提供高品质的服务，我们是您坚实的后盾！</p>
        			<p>我们拥有丰富的跨行业经验，善于快速掌握您的业务，为您制定一整套整合营销方案，高效的管理和执行方案，从数据中洞察和把握商机，提升您的发展速度。</p>
        			<a href="#" class="btn btn-primary btn-lg btn-responsive first-btn">马上联系我们</a>
        		</div>
        		<div class="col-md-6 logo-img">
        			<img src="/templets/weichen/images/logo.jpg" alt="" />
        		</div>
        		<!--
        		<div class="col-md-6">
        			<div>
        			    <video class="first-video" controls>
					        <source src="https://media.w3.org/2010/05/sintel/trailer.mp4" type="video/mp4"></source>
				        </video>
        			</div>
        			<div class="first-enjoy">
        				<a href="#"></a>
        				<a href="#" class="weixin"></a>
        				<a href="#" class="qq"></a>
        				<a href="#" class="xinlang"></a>
        				<a href="#" class="facebook"></a>
        				<a href="#" class="twitter"></a>
        				<a href="#" class="linkedin"></a>
        			</div>
        		</div> -->
        	</div>       	
        </div>
        
        <!--第二幕-->
        
        <div class="second-bd" data-stellar-background-ratio="0.7" id="second-sj">
        	<div class="parallax-overlay"></div>
        	<div class="row second-word wow flipInX animated">
        		<div class="col-md-4">
        			<br>
        			<h2 class="color-white"><strong>什么是网络整合营销？</strong></h2>
        			<br>
        			<p class="color-white">通俗的说，网络整合营销就是让每个营销推广渠道互相关联促进，相辅相成，达到 1+1 > 2 的效果。在营销推广成本日益增高的今天，网络整合营销推广已经是企业必须采取的营销推广策略。</p>
        			<br>
        		</div>
        		<div class="col-md-4">
        			<br>
        			<h2 class="color-white"><strong>什么是微整合营销？</strong></h2>
        			<br>
        			<p class="color-white">微整合营销是微尘倡导的创新整合营销推广策略，20%的营销推广渠道决定80%的业绩效果，微整合营销抓住20%的核心营销推广渠道。我们根据网民习惯将七种核心网络营销推广手段有效的结合起来，实现您渴求的效果。
</p>
        			<br>
        		</div>
        		<div class="col-md-4">
        			<br>
        			<h2 class="color-white"><strong>为什么选择微尘</strong></h2>
        			<br>
        			<p class="color-white">最核心的理由是：微尘把自己当作贵司的外脑部门来协同工作，专注实现目标，我们不是服务商，我们是您的合作伙伴。此外，微尘核心团队有10年数字营销行业经验，我们值得您的信赖。
</p>
        			<br>
        		</div>
        	</div>
        </div>




	<!--第三幕-->
<div class="container text-center margin-top-30px">
    <div class="color-333">
        <h3 class="color-333">微尘，新时代整合营销领导者</h3>
        <small>包含主流的精准营销服务项目</small>
        <p class="third-sm">专业的技能、丰富的经验、 触动的创意、<span class="color-im">合适的策略</span>、规范的管理</p>
    </div>
    <div class="row margin-top-30px">
        <div class="col-md-3 margin-top-30px  wow flipInX animated">
            <div class="third-icon">
                <span class="fa fa-television" aria-hidden="true"></span>
            </div>
            <div class="third-word text-left">
                <a href="#" class="big-title color-change">响应式网站建设（AWB）</a>
                <p class="small-title">自动适应不同尺寸的屏幕</p>
                <p>通过国际最流行的HTML5+CSS3技术，提高用户在手机、平板、电脑屏幕上浏览网站的体验。</p>
            </div>
        </div>
        <div class="col-md-3 margin-top-30px wow flipInX animated">
            <div class="third-icon">
                <span class="fa fa-github-alt" aria-hidden="true"></span>
            </div>
            <div class="third-word text-left">
                <a href="#" class="big-title  color-change">搜索引擎优化（SEO）</a>
                <p class="small-title">整站优化提升关键词排名和自然流量</p>
                <p>对网站内部技术和内容的改进，对外部链接和口碑传播进行优化。</p>
            </div>
        </div>
        <div class="col-md-3 margin-top-30px  wow flipInX animated">
            <div class="third-icon">
                <span class="fa fa-coffee" aria-hidden="true"></span>
            </div>
            <div class="third-word text-left">
                <a href="#" class="big-title  color-change">搜索引擎推广（SEM）</a>
                <p class="small-title">更有效的管理广告预算</p>
                <p>针对账户结构、关键词选择、创意文案、竞价策略、转化指标进行优化。</p>
            </div>
        </div>
        <div class="col-md-3 margin-top-30px  wow flipInX animated">
            <div class="third-icon">
                <span class="fa fa-map-o" aria-hidden="true"></span>
            </div>
            <div class="third-word text-left">
                <a href="#" class="big-title  color-change" >需求方平台广告（DSP）</a>
                <p class="small-title">覆盖综合门户和优质垂直网站</p>
                <p>针对广告创意、人群属性定向、竞价策略、转化指标进行优化。</p>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-3 margin-top-30px  wow flipInX animated">
            <div class="third-icon">
                <span class="fa fa-dot-circle-o" aria-hidden="true"></span>
            </div>
            <div class="third-word text-left">
                <a href="#" class="big-title  color-change">品牌在线口碑（EPR）</a>
                <p class="small-title">维护品牌的认知和美誉</p>
                <p>信息广泛覆盖新闻、百科、问答、词条、文库、论坛、博客、微博等，并提供舆情监测。</p>
            </div>
        </div>
        <div class="col-md-3 margin-top-30px  wow flipInX animated">
            <div class="third-icon">
                <span class="fa fa-bars" aria-hidden="true"></span>
            </div>
            <div class="third-word text-left">
                <a href="#" class="big-title  color-change">社交媒体推广（SMM）</a>
                <p class="small-title">通过优质内容吸引更多目标人群</p>
                <p>在社交媒体建立、运营、推广官方账号，聚集优质关注者。</p>
            </div>
        </div>
        <div class="col-md-3 margin-top-30px  wow flipInX animated">
            <div class="third-icon">
                <span class="fa fa-video-camera" aria-hidden="true"></span>
            </div>
            <div class="third-word text-left ">
                <a href="#" class="big-title  color-change">短视频制作和推广（SVM）</a>
                <p class="small-title">视频是移动互联网时代的核心传播形式</p>
                <p>针对旗舰产品拍摄商品介绍视频、针对品牌拍摄软性植入的创意视频。</p>
            </div>
        </div>
        <div class="col-md-3 margin-top-30px wow flipInX animated">
            <div class="third-icon">
                <span class="fa fa-info-circle" aria-hidden="true"></span>
            </div>
            <div class="third-word text-left">
                <a href="#" class="big-title  color-change">全网整合营销外包</a>
                <p class="small-title">从建站到推广一站式外包服务</p>
                <p>极大程度上降低管理和执行成本，真正实现1+1>3的效果。</p>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-3 margin-top-30px  wow flipInX animated">
            <div class="third-icon">
                <span class="fa fa-flag" aria-hidden="true"></span>
            </div>
            <div class="third-word text-left">
                <a href="#" class="big-title  color-change">IP合作（IP）</a>
                <p class="small-title">时下最热门的各类</p>
                <p>动漫影视游戏IP，各种合作、授权</p>
            </div>
        </div>
        <div class="col-md-3 margin-top-30px  wow flipInX animated">
            <div class="third-icon">
                <span class="fa fa-google-wallet" aria-hidden="true"></span>
            </div>
            <div class="third-word text-left ">
                <a href="#" class="big-title  color-change">线下活动策划及推广(OFFL)</a>
                <p class="small-title">各种行业大会、赛</p>
                <p>事、活动、发布会、嘉年华等</p>
            </div>
        </div>
        <div class="col-md-3 margin-top-30px wow flipInX animated">
            <div class="third-icon">
                <span class="fa fa-paypal" aria-hidden="true"></span>
            </div>
            <div class="third-word text-left">
                <a href="#" class="big-title  color-change">广告采买（MB）</a>
                <p class="small-title">各种移动端、PC端、</p>
                <p>新媒体等的软硬广采买</p>
            </div>
        </div>
    </div>
    <div class="row margin-top-30px">
        <h2><strong>为什么选择微尘？</strong></h2>
        <div class="col-md-3 margin-top-30px wow flipInX animated">
            <div class="third-icon">
                <span class="fa fa-print" aria-hidden="true"></span>
            </div>
            <div class="third-word text-left">
                <h3><strong>8年</strong></h3>
                <h4><strong>营销服务经验</strong></h4>
                <p>“私人定制”属于您的方案。</p>
            </div>
        </div>
        <div class="col-md-3 margin-top-30px wow flipInX animated">
            <div class="third-icon">
                <span class="fa fa-paper-plane-o" aria-hidden="true"></span>
            </div>
            <div class="third-word text-left">
                <h3><strong>完整的</strong></h3>
                <h4><strong>立体化资源</strong></h4>
                <p>能够满足客户各种营销需求</p>
            </div>
        </div>
        <div class="col-md-3 margin-top-30px wow flipInX animated">
            <div class="third-icon">
                <span class="fa fa-heart" aria-hidden="true"></span>
            </div>
            <div class="third-word text-left">
                <h3><strong>11项</strong></h3>
                <h4><strong>精准营销服务项目</strong></h4>
                <p>一站式服务，省心，省力，省钱。</p>
            </div>
        </div>
        <div class="col-md-3 margin-top-30px wow flipInX animated">
            <div class="third-icon">
                <span class="fa fa-bullhorn" aria-hidden="true"></span>
            </div>
            <div class="third-word text-left">
                <h3><strong>上百个</strong></h3>
                <h4><strong>成功案例</strong></h4>
                <p>涵盖各主流行业，获得客户广泛认可。</p>
            </div>
        </div>
    </div>
</div>
<!--第四幕-->
<!--   <div class="second-bd" data-stellar-background-ratio="0.7" >
       <div class="parallax-overlay"></div>
       <div class="second-word wow flipInX animated row">
           <div class="col-md-6">
               <h2 class="color-white fourth-one"><strong>考核指标</strong></h2>
               <h3><strong>可以选多项指标进行组合考核</strong></h3>
               <p>&nbsp;</p>
               <p>微尘营销能够熟练安装或者支持您正在使用的数据跟踪系统，不仅如此我们还拥有独立研发的数据跟踪系统“云迹跟踪”，来准确跟踪和分析各项关键指标数据。</p>
               <p>&nbsp;</p>
               <p>微尘营销能够熟练安装或者支持您正在使用的数据跟踪系统，不仅如此我们还拥有独立研发的数据跟踪系统“云迹跟踪”，来准确跟踪和分析各项关键指标数据。</p>
               <a href="#" class="btn btn-primary btn-lg btn-responsive first-btn">马上索要方案和报价</a>
           </div>
           <div class="col-md-6">
           </div>
       </div>
</div>-->
<!--第五幕-->
<!--     <div class="container margin-top-30px text-center">
        <small>好的营销推广需要好的技术支持</small>
        <h2><strong>我们的技术产品</strong></h2>
        <div class="row margin-top-30px">
            <div class="col-md-4 margin-top-30px  wow flipInX animated">
                <div class="third-icon">
                    <span class="fa fa-desktop" aria-hidden="true"></span>
                </div>
                <div class="third-word text-left">
                    <a href="#" class="big-title  color-change">响应式网站建设（AWB）</a>
                    <p class="margin-top-10px">通过国际最流行的HTML5+CSS3技术，提高用户在手机、平板、电脑屏幕上浏览网站的体验。</p>
                </div>
            </div>
            <div class="col-md-4 margin-top-30px  wow flipInX animated">
                <div class="third-icon">
                    <span class="fa fa-desktop" aria-hidden="true"></span>
                </div>
                <div class="third-word text-left">
                    <a href="#" class="big-title  color-change">响应式网站建设（AWB）</a>
                    <p class="margin-top-10px">通过国际最流行的HTML5+CSS3技术，提高用户在手机、平板、电脑屏幕上浏览网站的体验。</p>
                </div>
            </div>
            <div class="col-md-4 margin-top-30px  wow flipInX animated">
                <div class="third-icon">
                    <span class="fa fa-desktop " aria-hidden="true"></span>
                </div>
                <div class="third-word text-left">
                    <a href="#" class="big-title  color-change">响应式网站建设（AWB）</a>
                    <p class="margin-top-10px">通过国际最流行的HTML5+CSS3技术，提高用户在手机、平板、电脑屏幕上浏览网站的体验。</p>
                </div>
            </div>
        </div>
        <a href="#" class="btn btn-primary btn-lg btn-responsive first-btn margin-20-30">马上索要方案和报价</a>
    </div>  -->

<!--第六幕-->
<div class="second-bd" data-stellar-background-ratio="0.7" >
    <div class="parallax-overlay"></div>
    <div class="home-container ">
        <div class="ls-wrapper" style="overflow: hidden;">

            <div class="liquid-slider wow flipInX animated">
                <div class="panel-container em-bd">
                    <div class="em-con">
                        <div class="panel-wrapper">
                            <img src="/templets/weichen/images/erweima.png" alt="" />
                            <h4 class="font16">我得说我喜欢他们，优化的结果我很满意。和这样一个有着 我得说我喜欢他们，
                                <br>
                                优化的结果我很满意。和这样一个有着
                            </h4>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>

</div>

<!--第七幕-->
<div class="container margin-top-30px text-center">
    <div class="row text-center margin-top-30px">
        <div class="col-md-12">
            <h3>行业媒体合作伙伴</h3>
            <p class="font20">Partners in digital marketing industry</p>
        </div>
        <div class="col-md-2 col-xs-4 margin-bottom-10">
            <a href="#" class="img-friend"><img src="/templets/weichen/images/f1.jpg"/></a>
        </div>
        <div class="col-md-2 col-xs-4  margin-bottom-10">
            <a href="#" class="img-friend"><img src="/templets/weichen/images/f2.jpg"/></a>
        </div>
        <div class="col-md-2 col-xs-4  margin-bottom-10">
            <a href="#" class="img-friend"><img src="/templets/weichen/images/f3.jpg"/></a>
        </div>
        <div class="col-md-2 col-xs-4  margin-bottom-10">
            <a href="#" class="img-friend"><img src="/templets/weichen/images/f4.jpg"/></a>
        </div>
        <div class="col-md-2 col-xs-4  margin-bottom-10">
            <a href="#" class="img-friend"><img src="/templets/weichen/images/f5.jpg"/></a>
        </div>
        <div class="col-md-2 col-xs-4  margin-bottom-10">
            <a href="#" class="img-friend"><img src="/templets/weichen/images/f6.jpg"/></a>
        </div>
        <div class="col-md-2 col-xs-4  margin-bottom-10">
            <a href="#" class="img-friend"><img src="/templets/weichen/images/f7.jpg"/></a>
        </div>
    </div>
</div>

<!--footer-->
<div class="second-bd" data-stellar-background-ratio="0.7"  id="follow">
    <div class="parallax-overlay"></div>
    <div class="row second-word margin-20-30">
        <div class="col-md-12 text-center margin-20-30">
            <h2 class="color-white">关注微尘</h2>
            <p class="lead text-white">让我们保持在社交媒体上的联系!</p>
            <img src="/templets/weichen/images/erweima.png" alt="" />
        </div>
    </div>
</div>
        
        <div class="bottom-all">
    <h4>微尘</h4>
    <p>微尘科技<a href="#" class="color-change">微尘</a> . All Rights Reserved.</p>
</div>
          
        
        
        
        
<script type="text/javascript" src="/templets/weichen/js/jquery-2.2.3.min.js" ></script>
<script type="text/javascript" src="/templets/weichen/js/bootstrap.min.js" ></script>
<script type="text/javascript" src="/templets/weichen/js/jquery.stellar.js" ></script>
<script type="text/javascript" src="/templets/weichen/js/wow.js" ></script>
<script type="text/javascript" src="/templets/weichen/js/stickUp.js" ></script>
<script type="text/javascript" src="/templets/weichen/js/jquery.yx_rotaion.js" ></script>
<script>
	var fullscreen= $(window).height();
		document.getElementById("full-height").style.height=fullscreen+"px";
	$(document).ready(function(){
		$(".yx-rotaion").yx_rotaion({auto:true});	
		new WOW().init();
		$(window).stellar({horizontalScrolling: false});
		//
		$('#slide-btn').click(function(){
			$(document).scrollTop(fullscreen);
		})
		/*
		var $text=$('#title-top');
		setInterval(function(){
			$text.addClass('animated bounceIn');
			setTimeout(function(){
				$text.removeClass('bounceIn');
			},3000);     
		},4500);*/
	});
  
	jQuery(function($) {
                $(document).ready( function() {
                  //enabling stickUp on the '.navbar-wrapper' class
                  $('.navbar-wrapper').stickUp();
                });
              });	
</script>
	</body>
</html>
